<!--navbar-->
<div class="navbar">
    <div class="navbar-inner yellow-navbar" style="background-color: #FF9A0F">
        <div class="left">
            <a href="#" class="back link icon-only">
                <i class="f7-icons size-16">left</i>
            </a>
        </div>
        <div class="center">实名认证</div>
        <div class="right"></div>
    </div>
</div>
<!-- Page, data-page contains page name-->
<div data-page="page.center.account.realnameAuth.index" class="page navbar-through no-toolbar">
    <div class="page-content center-scroll">
        <!--密码框-->
        <div class="panel-box">
            <form action="">
                <div class="white-panel-box">
                    <p class="row no-gutter">
                        <label class="col-25">所在地区</label>
                        <span class="select-list col-75">
                            <span id="realnameAuth-area">中国大陆</span>
                            <i class="f7-icons size-16">right</i>
                        </span>
                    </p>
                    <p class="row no-gutter">
                        <label class="col-25">认证类型</label>
                        <span class="select-list col-75">
                            <span id="realnameAuth-type">个人</span>
                            <i class="f7-icons size-16">right</i>
                        </span>
                    </p>
                    <div class="personal-cert">
                        <p class="row no-gutter">
                            <label class="col-25">真实姓名</label>
                            <input type="text" name="name" class="col-75" placeholder="请输入与证件照一致姓名">
                        </p>
                        <p class="row no-gutter">
                            <label class="col-25">证件号码</label>
                            <input type="text" name="id-card-number" class="col-75" placeholder="请输入证件号码">
                        </p>
                    </div>
                    <div class="company-cert" style="display: none;">
                        <p class="row no-gutter">
                            <label class="col-25">企业名称</label>
                            <input type="text" name="name" class="col-75" placeholder="请输入企业名称">
                        </p>
                        <p class="row no-gutter">
                            <label class="col-25">企业法人</label>
                            <input type="text" name="id-card-number" class="col-75" placeholder="请输入法人名称">
                        </p>
                        <p class="row no-gutter">
                            <label class="col-25">法人身份证号</label>
                            <input type="text" name="id-card-number" class="col-75" placeholder="请输入法人身份证号">
                        </p>
                    </div>
                </div>
                <p>上传身份证照片</p>
                <div class="id-card-box" id="business-license" style="display: none;">
                    <div class="add-id-card">
                        <div class="h-line"></div>
                        <div class="v-line"></div>
                        <p>添加营业执照</p>
                    </div>
                    <div class="preview-id-card"></div>
                    <input name="url" type="file" class="upload_input">
                    <div class="delete-id-card">
                        <i class="f7-icons size-16">close</i>
                    </div>
                </div>
                <div class="id-card-box" id="id-card-positive">
                    <div class="add-id-card">
                        <div class="h-line"></div>
                        <div class="v-line"></div>
                        <p>添加正面</p>
                    </div>
                    <div class="preview-id-card"></div>
                    <input name="url" type="file" class="upload_input">
                    <div class="delete-id-card">
                        <i class="f7-icons size-16">close</i>
                    </div>
                </div>
                <div class="id-card-box" id="id-card-reverse">
                    <div class="add-id-card">
                        <div class="h-line"></div>
                        <div class="v-line"></div>
                        <p>添加反面</p>
                    </div>
                    <div class="preview-id-card"></div>
                    <input name="url" type="file" class="upload_input">
                    <div class="delete-id-card">
                        <i class="f7-icons size-16">close</i>
                    </div>
                </div>
                <p class="prompt">请确保边框完整，字迹清晰，亮度均匀</p>
                <input type="submit" class="realnameAuth_submit" value="确认提交">
            </form>
        </div>
    </div>
</div>